<template>
	<div>
		<div class="zxhrig">
			<img src="/static/sortimg/1501489678957_195_UoirqbC4UT.jpg" alt="">
		</div>
		<fieldset class="zxhfiel">
			<legend>熱銷商品</legend>
		</fieldset>
		<div class="zxhsoi">
			<ul>
				<li>
					<img src="/static/sortimg/1500270701047_792_IWmjkSXkCh.png" alt="">
					<p>
						海苔蘇打餅
					</p>
				</li>
				<li>
					<img src="/static/sortimg/1500270708117_21_vYQypytmHJ.png" alt="">
					<p>
						照燒雞翅
					</p>
				</li>
				<li>
					<img src="/static/sortimg/1500270714635_128_oIQxW1nQ6I.png" alt="">
					<p>
						鴨翅
					</p>
				</li>
			</ul>
		</div>
		<fieldset class="zxhfiel2">
			<legend>常用商品</legend>
		</fieldset>
		<div class="zxhsoi2 zxhsoi">
			<ul>
				<li>
					<img src="/static/sortimg/1500270859044_409_Wb7Ho7Feom.png" alt="">
					<p>
						猪肉铺
					</p>
				</li>
				<li>
					<img src="/static/sortimg/1500270714635_128_oIQxW1nQ6I.png" alt="">
					<p>
						凤爪
					</p>
				</li>
				<li>
					<img src="/static/sortimg/1500271691125_206_owwGKkvJeL.png" alt="">
					<p>
						虎皮蛋糕
					</p>
				</li>
			</ul>
			<ul>	
				<li>
					<img src="/static/sortimg/1500271727657_451_uVitopWZCt.png" alt="">
					<p>
						毛肚
					</p>
				</li>
				<li>
					<img src="/static/sortimg/1500271811076_68_tXHnRarQmK.png" alt="">
					<p>
						天天坚果
					</p>
				</li>
				<li>
					<img src="/static/sortimg/1500271770769_927_5gfN5YzHo8.png" alt="">
					<p>
						红薯片
					</p>
				</li>
			</ul>
		</div>
	</div>
</template>

<script type="text/javascript">
	
</script>
<!-- 没用组件 -->
<style type="text/css" scoped>
	.zxhrig>img{
		width: 90%;
		margin-left: 5%;
		margin-top: .423rem;
		margin-bottom: .223rem;

	}
	.zxhfiel{
		width: 90%;
		padding: 0;
		border: .01rem #c5c5c5 solid;
		border-left:0; 
		border-bottom:0; 
		border-right:0; 
		margin-left: 5%;
		margin-bottom: .3432rem;
	}
	.zxhsoi{
		width: 90%;
		margin-left: 5%;
	}
	.zxhsoi>ul{
		display: flex;
		justify-content: space-between;
	}
	.zxhsoi>ul>li{
		background: #fff;
		width: 30%;
		text-align: center;
	}
	.zxhsoi>ul>li>p,.zxhsoi2>ul>li>p{
		padding-bottom: .26775rem;
	}
	.zxhsoi>ul>li>img{
		width: 100%;
	}
	.zxhfiel2{
		margin-top: .3232rem;
		width: 90%;
		padding: 0;
		border: .01rem #c5c5c5 solid;
		border-left:0; 
		border-bottom:0; 
		border-right:0; 
		margin-left: 5%;

	}
	.zxhsoi2>ul:nth-of-type(1){
		margin-top: .3232rem;
	}
	.zxhsoi2>ul:nth-of-type(2){
		margin-top: .23323rem;
	}
	.zxhsoi2>ul>li>img{
		width: 100%;
	}
</style>
